<template>
    <van-tabs v-model:active="active">
        <van-tab title="全部"></van-tab>
        <van-tab title="代付款"></van-tab>
        <van-tab title="待发货"></van-tab>
        <van-tab title="待收货"></van-tab>
        <van-tab title="已完成"></van-tab>
        <van-tab title="已取消"></van-tab>
    </van-tabs>
    <van-card desc="华为Mate60Pro" title="华为"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
        <template #tags>
            <van-tag plain type="primary">￥20.10</van-tag>
            <van-tag plain type="primary">x3</van-tag>
        </template>
        <template #footer>
            <van-button size="mini">取消订单</van-button>
            <van-button size="mini" @click="dj">立即支付</van-button>
        </template>
    </van-card>
        <van-card desc="华为Mate60Pro" title="华为"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
        <template #tags>
            <van-tag plain type="primary">￥20.10</van-tag>
            <van-tag plain type="primary">x3</van-tag>
        </template>
        <template #footer>
            <van-button size="mini">取消订单</van-button>
            <van-button size="mini" @click="dj">立即支付</van-button>
        </template>
    </van-card>
        <van-card desc="华为Mate60Pro" title="华为"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
        <template #tags>
            <van-tag plain type="primary">￥20.10</van-tag>
            <van-tag plain type="primary">x3</van-tag>
        </template>
        <template #footer>
            <van-button size="mini">取消订单</van-button>
            <van-button size="mini" @click="dj">立即支付</van-button>
        </template>
    </van-card>
</template>

<script setup>

import { useRouter } from "vue-router";
let route=useRouter()

const dj=()=>{
route.push('/ormer')
}
</script>

<style lang="scss" scoped></style>